<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>movie</title>
		<style type="text/css">
			.home{
				width: 330px;
			}
			.h{
				display: inline-block;
			}
			.logo{
				vertical-align: top;
			}
			.content{
				width: 247px;
				vertical-align: text-top;
				
			}
			
			.wz13{
				display: inline-block;
				width: 50%;
				font-size: 13px;
				text-align: left;
			}
			.wz12{
				display: inline-block;
				font-size: 12px;
				width: 46%;
				color: red;
				text-align: right;
			}
			.bl12{
				font-size: 12px;
				color: #259c9d;
			}
			.gr12{
				font-size: 12px;
				color: #686868;
			}
			.red12{
				font-size: 12px;
				color: red;
			}
			.hei12{
				font-size: 12px;
			}
			.mt11{
				margin-top: 11px;
			}
			.mt6{
				margin-top: 6px;
			}
			a:link{
				color: red;
			}
			a{
				color: red;
				text-decoration: none;
			}
		</style>
	</head>
	<body>
		<div class="home">
			<div class="h logo">
				<img src="img/太平洋.jpg"/>
			</div>
			
			<div class="h content">
				<div class="duiqi">
					<span class="wz13">环太平洋</span>
					<span class="wz12"><a href="">468人评论过</a></span>
				</div>
				<div class="mt11">
					<span class="bl12">#环太平洋##环太平洋#</span>
					<span class="gr12">对影建筑物倒塌、核弹攻击城市、外星人入侵..</span>
					<span class="red12"><a href="">[详细]</a></span>
				</div>
				<div class="mt6">
					<span><img src="img/logo.jpg"/></span>
					<span class="hei12">欧美电影</span>
				</div>
			</div>
			
			
			<div class="h logo">
				<img src="img/速6.jpg"/>
			</div>
			
			<div class="h content">
				<div class="duiqi">
					<span class="wz13">速度与激情</span>
					<span class="wz12"><a href="">783人评论过</a></span>
				</div>
				<div class="mt11">
					<span class="gr12">[杰森斯坦森确定加盟</span>
					<span class="bl12">#速J#</span>
					<span class="gr12">斯坦森饰演第六部大反派欧文肖..</span>
					<span class="red12"><a href="">[详细]</a></span>
				</div>
				<div class="mt6">
					<span><img src="img/logo.jpg"/></span>
					<span class="hei12">热映推荐</span>
				</div>
			</div>
			
			
			<div class="h logo">
				<img src="img/青春派.jpg"/>
			</div>
			
			<div class="h content">
				<div>
					<span class="wz13">青春派</span>
					<span class="wz12"><a href="">97人评论过</a></span>
				</div>
				<div class="mt11">
					<span class="gr12">《青春派》预告片"零差评"其逆增长</span>
					<span class="red12"><a href="">[详细]</a></span>
				</div>
				<div class="mt6">
					<span><img src="img/logo.jpg"/></span>
					<span class="hei12">电影预告</span>
				</div>
			</div>
		</div>
		
	</body>
</html>
